<template>
<div>
       <div class="tbBox">
                    已选择{{num}}项，
                    <a @click="toggleSelection()">清空</a>
        </div>
        <div>
    <el-table
    :data="tableData"
    style="width: 100%;margin-bottom: 20px;"
    row-key="id"
    border
    default-expand-all
    :tree-props="{children: 'children', hasChildren: 'hasChildren'}">
      <el-table-column width="55">
                        <template slot-scope="scope">
                            <!-- {{&nbsp;}} 或者 {{""}}-->
                            <el-radio v-model="id" :label="scope.row.id">{{""}}</el-radio>
                        </template>

                    </el-table-column>
    <el-table-column
    v-for="(item,index) in headerData"
    :key="index"
      :prop="item.prop"
      :label="item.label"
      sortable>
    </el-table-column>
  </el-table>
        </div>
</div>  
</template>

<script>
export default {
  props:{
     headerData: {
            type: Array,
            default: () => {
                return [];
            },
        },
        headerDataAdd: {
            type: Array,
            default: () => {
                return [];
            },
        },
        tableData: {
            type: Array,
            default: () => {
                return [];
            },
        },

        stripe: {
            type: Boolean,
            default: () => {
                return true;
            },
        },
        border: {
            type: Boolean,
            default: () => {
                return false;
            },
        },
        maxHeight: {
            type: Number,
            default: () => {
                return 600;
            },
        },
        // 当前第几页
        currentpage: {
            type: Number,
            default: () => {
                return 1;
            },
        },
        // 一页多少条
        pagesize: {
            type: Number,
            default: () => {
                return 10;
            },
        },
        //总条件
        total: {
            type: Number,
            default: () => {
                return 0;
            },
        },
        multipleTable: {
            type: Array,
            default: () => {
                return [];
            },
        },
  }
}
</script>

<style>
.tbBox {
    padding-left: 30px;
    margin-top: 20px;
    margin-bottom: 20px;
    line-height: 35px;
    border: 1px solid #91d5ff;
    background-color: #e6f7ff;
    border-radius: 5px;
}
</style>